
Page({

  data: {
    tabIndex: 'hots',
    hotsStatus: 0,
    comingStatus: 0
  },

  switch: function (ev) {

    var _this = this;

    // console.log(0);
    // 当用户点击时，切换 tabIndex 的值
    // 由于数据的双向绑定，WXML 中会相应发生改变

    // 如何修改 tabIndex 的值的呢？
    // 在小程序中 通过 setData 方法 实现数据的修改，传递对类型参数

    // console.log(ev.target.dataset.tabIndex);

    this.setData({
      tabIndex: ev.target.dataset.tabIndex
    });

    // 当用户点击 tab 时，发送请求获取数据
    // 当 tab 下没有对应数据时，才发送请求

    // 根据 status 状态值来决定是否要发送请求
    // 如果值为 0 认为没有数据，需要发送请求
    // 如果值为 1 认为已有数据，不需要发送请求

    var status = ev.target.dataset[ev.target.dataset.tabIndex + 'Status'];

    if (status == 0) {
      // 请求数据

      if (ev.target.dataset.tabIndex == 'host') {
        // 请求热门的数据
      }

      if (ev.target.dataset.tabIndex == 'coming') {
        // 请求待映数据
        console.log('请求待映数据...');

        wx.request({
          url: 'https://wx.maoyan.com/mmdb/movie/v1/list/wish/order/coming.json',
          method: 'get',
          data: {
            ci: 1,
            limit: 30,
            offset: 0
          },
          success: function (v1) {

            // 再次请求列表数据
            wx.request({
              url: 'https://wx.maoyan.com/mmdb/movie/v2/list/rt/order/coming.json',
              method: 'get',
              data: {
                ci: 1,
                limit: 10
              },
              success: function (v2) {
                // 最受欢迎的
                // console.log(v1);

                v1.data.data.coming.forEach(function (val) {
                  // 图片尺寸
                  val.img = val.img.replace('w.h', '170.230');
                  // 日期
                  val.comingTitle = val.comingTitle.slice(0, -3);
                });

                // 待映列表
                console.log(v2);

                var title = '';
                v2.data.data.coming.forEach(function (val) {
                  // val.
                  if (title != val.comingTitle) {
                    title = val.comingTitle;
                  } else {
                    val.comingTitle = '';
                  }

                  // 图片尺寸
                  val.img = val.img.replace('w.h', '128.180');

                });

                _this.setData({
                  comingStatus: 1,
                  v1: {
                    items: v1.data.data.coming
                  },
                  v2: {
                    items: v2.data.data.coming
                  }
                });
              }
            });
          }
        });
      }
    }
  },

  onLoad: function () {
    // console.log('页面加载完毕...');

    var _this = this;

    // 要获得全局数据
    var app = getApp();

    app.getLocation(function (locate) {
      // 用户所在城市
      _this.setData({ locate: locate });

      // 根据用户所在城市查询数据
      wx.request({
        url: 'https://wx.maoyan.com/mmdb/movie/v2/list/hot.json',
        method: 'get',
        data: {
          limit: 12,
          offset: 0,
          ct: locate
        },
        success: function (info) {
          // console.log(info);

          info.data.data.hot.forEach(function (val) {
            // console.log(val);
            val.img = val.img.replace('w.h', '128.180');
          });

          // 热门列表
          _this.setData({
            hots: {
              items: info.data.data.hot
            }
          });

          // 修改状态
          _this.setData({ hotsStatus: 1 });
        }
      });
    });
  },
  onReady: function () {
    console.log('页面执行完毕...')
  },
  onShow: function () {
    console.log('页面显示出来了...')
  },
  onHide: function () {
    console.log('页面切换了...')
  },
  onPullDownRefresh: function () {
    console.log('有人下拉了...');

    // if('请求完毕') {
    //     wx.stopPullDownRefresh();
    // }
    // wx.request();

    wx.request({
      url: 'http://www.baidu.com'
    });

    setTimeout(function () {
      wx.stopPullDownRefresh();
    }, 1000);
  },
  loading: function () {
    wx.showActionSheet({
      itemList: ['拍照', '相册']
    });
  }
})